<!--Created by zhanghan on 2018/01/19 调度日志-->
<div>
  <yu-panel :title="$t('jobLog.ddrz')" :hide-filter="false">
    <template slot="filter">
      <!--列表查询区域-->
      <yu-xform v-model="formdata" related-table-name="logtable" form-type="search">
        <yu-xform-group :column="4">
          <yu-xform-item :label="$t('jobLog.rwms')" :placeholder="$t('jobLog.rwms')" ctype="input" name="jobName">
          </yu-xform-item>
          <yu-xform-item :label="$t('jobLog.ddjg')" :placeholder="$t('jobLog.ddjg')" ctype="select" name="triggerCode"
            data-code="TRIGGER_CODE"></yu-xform-item>
          <yu-xform-item :label="$t('jobLog.zxjg')" :placeholder="$t('jobLog.zxjg')" ctype="select" name="handleCode"
            data-code="HANDLE_CODE"></yu-xform-item>
        </yu-xform-group>
      </yu-xform>
    </template>
    <template slot="right">
      <yu-toolBar>
        <el-button @click="openDetailFn">{{ $t('jobLog.zkrz') }}</el-button>
        <el-button @click="deleteFn">{{ $t('jobLog.scrz') }}</el-button>
        <el-button @click="logKill">{{ $t('jobLog.zzrw') }}</el-button>
      </yu-toolBar>
    </template>
    <el-table-x ref="logtable" :checkbox="mainGrid.checkbox" :max-height="mainGrid.height" :data-url="mainGrid.dataUrl"
      :data-params="mainGrid.dataParams" :table-columns="mainGrid.tableColumns" @custom-detail-click="checkLogFn"
      @custom-msg-click="handleMsgShowFn">
    </el-table-x>
  </yu-panel>
  <!--调度备注面板-->
  <el-dialog-x :center="true" :title="$t('jobLog.ddbz')" :visible.sync="dialogFormVisible" width="400px">
    <div ref="ideEditor"></div>
  </el-dialog-x>
  <!--调度日志面板-->
  <el-dialog-x :center="true" :title="$t('jobLog.ddrz')" :visible.sync="checkDetil" height="400px">
    <div ref="checkDetil"></div>
  </el-dialog-x>
  <!--执行备注面板-->
  <el-dialog-x :center="true" :title="$t('jobLog.zxbz')" :visible.sync="handleMsgVisible" width="500px">
    <div ref="handleMsg"></div>
  </el-dialog-x>
</div>